<div data-page="member" class="page">
   <div class="page-content">
       <div class="list-block media-list contacts-list">
            <div class="list-group">
                <ul class="nobackground">
                    <li class="contact-item bg-white">
                        <a href="#">
                            <div class="item-content">
                                <div class="item-media" style="padding: 10px 0px;">
                                    <div>
                                        <img id='head' src="{{member.headimgurl}}" style="width:80px;height:80px;border-radius:100%;border: solid 1px gainsboro;padding: 4px">
                                        <!--<img src="img/addHead.png" width="24" style="position: absolute;bottom: 10px;left: 80px;">-->
                                    </div>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title-row" style="margin-top: 40px;">
                                        <div class="item-title left">{{member.nickname}}</div>
                                        <div class="item-title right" style="width: 13vw;padding-right: 10px"><img src="http://cdn.bestmovie.com.cn/wechat/img/vip_gray.png" width="100%" style="float: right;"></div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

       <div class="list-block  contacts-list bg-white">
            <div class="list-group">
                <div class="list-block accordion-list">
                    <div class="list-group">
                        <ul class="nobackground">

                            <li class="accordion-item">
                                <a href="#" class="item-link item-content">
                                    <div class="item-media">
                                        <div class="icon"><i class="f7-icons">favorites</i></div>
                                    </div>
                                    <div class="item-inner">
                                        <div class="item-title-row">我的影吧</div>
                                    </div>
                                </a>
                                <div class="accordion-item-content" style="background-color: #f7f7f8">
                                    <div class="list-block">
                                        <ul>
                                            <a href="collectioncinema">
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-media"><i class="f7-icons" style="color: red">heart</i></div>
                                                        <div class="item-inner">
                                                            <div class="item-title">我的收藏</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </a>
                                            <a href="footprintcinema">
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-media"><i class="f7-icons">time</i></div>
                                                        <div class="item-inner">
                                                            <div class="item-title">我的足迹</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </a>
                                        </ul>
                                    </div>
                                </div>
                            </li>





                            <li class="accordion-item">
                                <a href="#" class="item-link item-content">
                                    <div class="item-media">
                                        <div class="icon"><i class="f7-icons">film</i></div>
                                    </div>
                                    <div class="item-inner">
                                        <div class="item-title-row">我的电影</div>
                                    </div>
                                </a>
                                <div class="accordion-item-content" style="background-color: #f7f7f8">
                                    <div class="list-block">
                                        <ul>
                                            <a href="collectionmovie">
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-media"><i class="f7-icons" style="color: red">heart</i></div>
                                                        <div class="item-inner">
                                                            <div class="item-title">我的收藏</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </a>
                                            <a href="footprintmovie">
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-media"><i class="f7-icons">time</i></div>
                                                        <div class="item-inner">
                                                            <div class="item-title">我的足迹</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </a>
                                        </ul>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <a href="cardpackage" class="item-link item-content">
                                    <div class="item-media">
                                        <div class="icon"><i class="f7-icons">card</i></div>
                                    </div>

                                    <div id="card" class="item-inner">
                                        <div  class="item-title-row">电子会员卡</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="bookingorders" class="item-link item-content">
                                    <div class="item-media">
                                        <div class="icon"><i class="f7-icons">compose</i></div>
                                    </div>

                                    <div id="card" class="item-inner">
                                        <div  class="item-title-row">我的订单</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                     </div>
                </div>
            </div>
        </div>

       <div class="list-block media-list contacts-list bg-white">
           <div class="list-group">
               <div class="list-block">
                   <div class="list-group">
                       <ul class="nobackground">
                           <li>
                               <a href="changephone?open_id={{open_id}}" class="item-link item-content">
                                   <div class="item-media">
                                       <div class="icon"><i class="icon f7-icons">phone</i></div>
                                   </div>
                                   <div class="item-inner">
                                       <div class="item-title-row">修改手机号</div>
                                   </div>
                               </a>
                           </li>
                           <li>
                               <a href="getchangeuser?open_id={{open_id}}" class="item-link item-content">
                                   <div class="item-media">
                                       <div class="icon"><i class="f7-icons">reply</i></div>
                                   </div>
                                   <div class="item-inner">
                                       <div class="item-title-row">登陆其他账号</div>
                                   </div>
                               </a>
                           </li>
                       </ul>
                   </div>
               </div>
           </div>
       </div>

    </div>
</div>